html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 51.2rem;
  height: 31.414rem;
  overflow: hidden;
}

.group_1 {
  position: relative;
  width: 51.2rem;
  height: 19.947rem;
  background: url(./img/FigmaDDSSlicePNG6999ee2bbc3d976d4f277e84099667ba.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_1 {
  width: 51.2rem;
  height: 1.814rem;
}

.box_19 {
  width: 34.134rem;
  height: 15.467rem;
  margin: 1.334rem 0 1.334rem 8.534rem;
}

.box_20 {
  width: 13.84rem;
  height: 12.8rem;
  margin-top: 1.067rem;
}

.text_1 {
  width: 13.84rem;
  height: 1.894rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.44rem;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.44rem;
}

.box_21 {
  width: 10.88rem;
  height: 0.64rem;
  margin-top: 0.64rem;
}

.label_1 {
  width: 0.667rem;
  height: 0.64rem;
}

.text_2 {
  width: 1.92rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin-left: 0.267rem;
}

.text_3 {
  width: 7.76rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(56, 62, 80, 1);
  font-size: 0.48rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin-left: 0.267rem;
}

.box_22 {
  width: 10.934rem;
  height: 0.667rem;
  margin-top: 0.48rem;
}

.label_2 {
  width: 0.667rem;
  height: 0.64rem;
  margin-top: 0.027rem;
}

.text_4 {
  width: 1.92rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin-left: 0.267rem;
}

.text_5 {
  width: 7.814rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(56, 62, 80, 1);
  font-size: 0.48rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin-left: 0.267rem;
}

.box_23 {
  width: 10.934rem;
  height: 0.667rem;
  margin-top: 0.48rem;
}

.label_3 {
  width: 0.667rem;
  height: 0.64rem;
  margin-top: 0.027rem;
}

.text_6 {
  width: 1.92rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin-left: 0.267rem;
}

.text_7 {
  width: 7.814rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(56, 62, 80, 1);
  font-size: 0.48rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin-left: 0.267rem;
}

.text_8 {
  width: 7.414rem;
  height: 0.694rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.533rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  margin-top: 2.427rem;
}

.box_24 {
  width: 13.707rem;
  height: 1.707rem;
  margin-top: 0.667rem;
}

.group_6 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  width: 4.48rem;
  height: 1.707rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.group_7 {
  height: 0.64rem;
  background: url(./img/FigmaDDSSlicePNGa4a76fb9b366d523776e195a32fb43fd.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 0.934rem;
  margin: 0.534rem 0 0 0.96rem;
}

.box_2 {
  background-color: rgba(215, 1, 70, 1);
  width: 0.107rem;
  height: 0.107rem;
  margin: 0.294rem 0 0 0.134rem;
}

.section_12 {
  width: 1.414rem;
  height: 0.587rem;
  margin: 0.587rem 0.934rem 0 0.24rem;
}

.section_13 {
  width: 1.414rem;
  height: 0.4rem;
}

.image_2 {
  width: 0.934rem;
  height: 0.4rem;
}

.group_9 {
  background-color: rgba(0, 0, 0, 1);
  width: 0.4rem;
  height: 0.4rem;
}

.box_4 {
  background-color: rgba(0, 0, 0, 1);
  width: 1.414rem;
  height: 0.107rem;
  margin-top: 0.08rem;
}

.image-wrapper_1 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  height: 1.707rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.134rem;
  width: 4.48rem;
}

.image_3 {
  width: 2.16rem;
  height: 0.8rem;
  margin: 0.454rem 0 0 1.174rem;
}

.group_10 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  width: 4.48rem;
  height: 1.707rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.134rem;
}

.block_1 {
  background-color: rgba(255, 0, 0, 1);
  width: 0.747rem;
  height: 0.747rem;
  margin: 0.48rem 0 0 1.36rem;
}

.label_4 {
  width: 0.827rem;
  height: 0.667rem;
  margin: 0.587rem 1.307rem 0 0.24rem;
}

.box_25 {
  width: 13.707rem;
  height: 1.707rem;
  margin-top: 0.134rem;
}

.group_12 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  position: relative;
  width: 4.48rem;
  height: 1.707rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.group_39 {
  width: 0.56rem;
  height: 0.667rem;
  margin: 0.534rem 0 0 0.72rem;
}

.section_3 {
  background-color: rgba(100, 200, 210, 1);
  width: 0.534rem;
  height: 0.187rem;
  margin-left: 0.027rem;
}

.section_4 {
  background-color: rgba(100, 200, 210, 1);
  width: 0.534rem;
  height: 0.187rem;
  margin-top: 0.294rem;
}

.section_5 {
  background-color: rgba(100, 200, 210, 1);
  width: 0.374rem;
  height: 0.107rem;
  margin: 1.04rem 0 0 0.027rem;
}

.section_6 {
  background-color: rgba(54, 54, 54, 1);
  width: 1.414rem;
  height: 0.347rem;
  margin: 0.694rem 0.694rem 0 0.694rem;
}

.image_4 {
  position: absolute;
  left: 0.747rem;
  top: 0.667rem;
  width: 1.52rem;
  height: 0.347rem;
}

.group_13 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  position: relative;
  width: 4.48rem;
  height: 1.707rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.134rem;
}

.label_5 {
  width: 0.774rem;
  height: 0.907rem;
  margin: 0.427rem 0 0 1.334rem;
}

.box_26 {
  width: 0.907rem;
  height: 0.534rem;
  margin: 0.614rem 1.307rem 0 0;
}

.box_27 {
  width: 0.827rem;
  height: 0.374rem;
}

.group_15 {
  background-color: rgba(20, 0, 100, 1);
  position: relative;
  width: 0.107rem;
  height: 0.374rem;
}

.group_16 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 0;
  top: 0.054rem;
  width: 0.134rem;
  height: 0.054rem;
}

.group_17 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 0;
  top: 0.16rem;
  width: 0.134rem;
  height: 0.107rem;
}

.section_14 {
  width: 0.107rem;
  height: 0.294rem;
  margin: 0.08rem 0 0 0.027rem;
}

.block_3 {
  background-color: rgba(20, 0, 100, 1);
  height: 0.107rem;
  margin-left: 0.027rem;
  width: 0.08rem;
}

.section_7 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.08rem;
  height: 0.08rem;
  margin-top: -0.026rem;
}

.block_4 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.054rem;
  height: 0.187rem;
}

.section_15 {
  width: 0.054rem;
  height: 0.374rem;
  margin-left: 0.027rem;
}

.group_20 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.054rem;
  height: 0.16rem;
}

.group_21 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.054rem;
  height: 0.187rem;
  margin-top: 0.027rem;
}

.group_22 {
  background-color: rgba(20, 0, 100, 1);
  height: 0.107rem;
  width: 0.08rem;
  margin: 0.08rem 0 0 0.027rem;
}

.section_8 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.08rem;
  height: 0.08rem;
  margin-top: -0.026rem;
}

.section_16 {
  width: 0.187rem;
  height: 0.134rem;
  margin-left: 0.054rem;
}

.box_5 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.187rem;
  height: 0.054rem;
}

.section_17 {
  width: 0.16rem;
  height: 0.08rem;
  margin-left: 0.027rem;
}

.box_7 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.08rem;
  height: 0.08rem;
}

.box_8 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.08rem;
  height: 0.08rem;
}

.section_18 {
  width: 0.16rem;
  height: 0.267rem;
}

.box_9 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.08rem;
  height: 0.08rem;
}

.box_10 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.134rem;
  height: 0.187rem;
  margin-left: 0.027rem;
}

.image_5 {
  width: 0.907rem;
  height: 0.107rem;
  margin-top: 0.054rem;
}

.group_25 {
  position: absolute;
  left: 2.747rem;
  top: 0.667rem;
  width: 0.427rem;
  height: 0.32rem;
  background: url(./img/FigmaDDSSlicePNGff4dc12ccd9d937739dc2efc583813b7.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.box_11 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.187rem;
  height: 0.054rem;
  margin-top: 0.054rem;
}

.box_12 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16rem;
  height: 0.054rem;
}

.box_13 {
  background-color: rgba(20, 0, 100, 1);
  width: 0.16rem;
  height: 0.054rem;
  margin: 0.027rem 0 0.08rem 0;
}

.box_14 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 0.214rem;
  top: -0.026rem;
  width: 0.214rem;
  height: 0.054rem;
}

.group_26 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 2.4rem;
  top: 0.614rem;
  width: 0.294rem;
  height: 0.054rem;
}

.group_27 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 2.4rem;
  top: 0.694rem;
  width: 0.294rem;
  height: 0.054rem;
}

.group_28 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 2.4rem;
  top: 0.8rem;
  width: 0.294rem;
  height: 0.054rem;
}

.group_29 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 2.4rem;
  top: 0.854rem;
  width: 0.294rem;
  height: 0.054rem;
}

.group_30 {
  background-color: rgba(20, 0, 100, 1);
  position: absolute;
  left: 2.4rem;
  top: 0.8rem;
  width: 0.294rem;
  height: 0.187rem;
}

.image-wrapper_2 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  height: 1.707rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 0.134rem;
  width: 4.48rem;
}

.image_6 {
  width: 1.974rem;
  height: 0.64rem;
  margin: 0.56rem 0 0 1.254rem;
}

.section_9 {
  width: 13.334rem;
  height: 15.467rem;
  background: url(./img/FigmaDDSSlicePNGa9bcc401f4b8b217868cae05b8bbeb33.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_9 {
  width: 4.48rem;
  height: 0.987rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.746rem;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 1.227rem 0 0 1.6rem;
}

.text_10 {
  width: 9.227rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(165, 168, 179, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.16rem 0 0 1.6rem;
}

.group_31 {
  border-radius: 6px;
  width: 10.134rem;
  height: 1.494rem;
  border: 1px solid rgba(230, 233, 240, 1);
  margin: 0.854rem 0 0 1.6rem;
}

.group_32 {
  height: 0.587rem;
  background: url(./img/FigmaDDSSlicePNG2e9d851f1aa66faa6a322b53a88c255a.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 0.587rem;
  margin: 0.454rem 0 0 0.454rem;
}

.group_33 {
  border-radius: 4px;
  width: 0.427rem;
  height: 0.427rem;
  border: 1.5px solid rgba(87, 97, 116, 1);
  margin: 0.08rem 0 0 0.08rem;
}

.text_11 {
  width: 0.747rem;
  height: 0.507rem;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.48rem 8rem 0 0.347rem;
}

.group_34 {
  border-radius: 6px;
  width: 10.134rem;
  height: 1.494rem;
  border: 1px solid rgba(230, 233, 240, 1);
  margin: 0.214rem 0 0 1.6rem;
}

.label_6 {
  width: 0.587rem;
  height: 0.587rem;
  margin: 0.48rem 0 0 0.454rem;
}

.text_12 {
  width: 2.267rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.48rem 6.48rem 0 0.347rem;
}

.group_40 {
  width: 9.6rem;
  height: 1.494rem;
  margin: 0.214rem 0 0 1.6rem;
}

.section_10 {
  border-radius: 6px;
  width: 7.094rem;
  height: 1.494rem;
  border: 1px solid rgba(230, 233, 240, 1);
}

.image-text_3 {
  width: 1.974rem;
  height: 0.507rem;
  margin: 0.48rem 0 0 0.534rem;
}

.thumbnail_1 {
  width: 0.374rem;
  height: 0.427rem;
  margin-top: 0.08rem;
}

.text-group_1 {
  width: 1.12rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
}

.text_13 {
  width: 1.867rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(0, 108, 255, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
  margin: 0.48rem 0.427rem 0 2.294rem;
}

.text_14 {
  width: 1.867rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
  margin-top: 0.48rem;
}

.group_36 {
  border-radius: 6px;
  width: 10.134rem;
  height: 1.494rem;
  border: 1px solid rgba(230, 233, 240, 1);
  margin: 0.214rem 0 0 1.6rem;
}

.image-text_4 {
  width: 3.2rem;
  height: 0.587rem;
  margin: 0.454rem 0 0 0.454rem;
}

.label_7 {
  width: 0.587rem;
  height: 0.587rem;
}

.text-group_2 {
  width: 2.267rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(180, 186, 199, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
}

.text-wrapper_1 {
  background-image: linear-gradient(
    90deg,
    rgba(0, 114, 255, 1) 0,
    rgba(0, 164, 255, 1) 100%
  );
  border-radius: 60px;
  height: 1.494rem;
  width: 10.134rem;
  margin: 0.88rem 0 0 1.6rem;
}

.text_15 {
  width: 1.707rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.427rem;
  margin: 0.48rem 0 0 4.214rem;
}

.group_41 {
  width: 9.6rem;
  height: 0.534rem;
  margin: 0.534rem 0 1.6rem 1.6rem;
}

.group_38 {
  border-radius: 4px;
  width: 0.427rem;
  height: 0.427rem;
  border: 1px solid rgba(210, 215, 224, 1);
  margin-top: 0.054rem;
}

.text-wrapper_2 {
  width: 9.014rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
}

.text_16 {
  width: 9.014rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(127, 130, 137, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
}

.text_17 {
  width: 9.014rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(0, 108, 255, 1);
  font-size: 0.373rem;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.374rem;
}

.box_15 {
  border-radius: 6px;
  position: absolute;
  left: 41.067rem;
  top: 10.374rem;
  width: 2.934rem;
  height: 1.494rem;
  border: 1px solid rgba(230, 233, 240, 1);
}

.box_16 {
  height: 1.894rem;
  background: url(./img/FigmaDDSSlicePNGa2cea6380e6c9c833cd6d698a3c1fe8e.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 1.894rem;
  position: absolute;
  left: 14.48rem;
  top: 15.707rem;
}

.box_17 {
  background-color: rgba(255, 255, 255, 1);
  height: 0.774rem;
  margin-top: 0.16rem;
  width: 0.56rem;
}

.section_19 {
  width: 0.08rem;
  height: 0.054rem;
  margin: 0.16rem 0 0 0.294rem;
}

.box_18 {
  width: 0.08rem;
  height: 0.054rem;
  background: url(./img/FigmaDDSSlicePNGd0254390694397a5160484935ee5ca91.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.section_20 {
  width: 0.267rem;
  height: 0.454rem;
  margin-top: 0.107rem;
}

.section_11 {
  background-color: rgba(0, 0, 0, 0.1);
  width: 0.267rem;
  height: 0.454rem;
}

.image_7 {
  width: 51.2rem;
  height: 11.467rem;
}
